@import '~sassvar';

.process {
    min-height: 100vh;
    padding: 140px 60px 60px 60px;
    background: #fff;

    .process {
        
    }

    .process-item {
        position: relative;
        padding: 0 0 40px 60px;

        .title {
            font-size: 32px;
            font-weight: bolder;
        }

        small {
            display: block;
            font-size: 12px;
            line-height: 1.45em;
        }

        p {
            font-size: 26px;
        }

        .number {
            position: absolute;
            top: 2px;
            left: -8px;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            border-radius: 36px;
            font-size: 24px;
            background: $background-primary;
            color: #fff;
        }

        &:before {
            content: '';
            position: absolute;
            left: 10px;
            top: 2px;
            bottom: 0;
            border: 1px solid $border-color-primary;
        }

        &:last-child:before {
            border: none;
        }
    }
}
.process{
    padding-top: 30px;
}